<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
<div id="header"></div>

<section class="container section">
    <div class="nav-tabs">
        <ul class="flex_row flex_space_start">
            <li>首页</li>
            <li>演讲课程</li>
        </ul>
    </div>
    <div class="speech_section flex_row flex_space_between">
        <div class="speech_section_nav">
            <div>
                <h4>全部课程</h4>
                <ul>
                    <li><a href="#">热门课程</a></li>
                </ul>
                <h4>专业课程</h4>
                <ul class="flex_row flex_space_start flex_wrap">
                    <li><a href="#">健康达人</a></li>
                    <li><a href="#">职业达人</a></li>
                    <li><a href="#">健康达人</a></li>
                    <li><a href="#">健康达人</a></li>
                    <li><a href="#">健康达人</a></li>
                    <li><a href="#">健康达人</a></li>
                </ul>
                <h4>职场达人</h4>
                <ul class="flex_row flex_space_start flex_wrap">
                    <li><a href="#">健康达人</a></li>
                    <li><a href="#">职业达人</a></li>
                    <li><a href="#">健康达人</a></li>
                    <li><a href="#">健康达人</a></li>
                    <li><a href="#">健康达人</a></li>
                    <li><a href="#">健康达人</a></li>
                </ul>
            </div>
        </div>
        <div class="flex_wrap speech_section_panel flex_row flex_space_between">
            <a  href="#" class="section_content">
                <div class="section_img">
                    <img class="img_responsive" src="images/part2.jpg" alt=""/>
                    <div class="section_img_play">
                        <span></span>
                    </div>
                </div>
                <div class="seciton_text flex_row flex_space_between">
                    <h4>感恩励志演讲你的时间</h4>
                    <h5>王国权</h5>
                </div>
            </a>
            <a href="#" class="section_content">
                <div class="section_img">
                    <img class="img_responsive" src="images/part2.jpg" alt=""/>
                    <div class="section_img_play">
                        <span></span>
                    </div>
                </div>
                <div class="seciton_text flex_row flex_space_between">
                    <h4>感恩励志演讲你的时间</h4>
                    <h5>王国权</h5>
                </div>
            </a>
            <a href="#" class="section_content">
                <div class="section_img">
                    <img class="img_responsive" src="images/part2.jpg" alt=""/>
                    <div class="section_img_play">
                        <span></span>
                    </div>
                </div>
                <div class="seciton_text flex_row flex_space_between">
                    <h4>感恩励志演讲你的时间</h4>
                    <h5>王国权</h5>
                </div>
            </a>
            <a href="#" class="section_content">
                <div class="section_img">
                    <img class="img_responsive" src="images/part2.jpg" alt=""/>
                    <div class="section_img_play">
                        <span></span>
                    </div>
                </div>
                <div class="seciton_text flex_row flex_space_between">
                    <h4>感恩励志演讲你的时间</h4>
                    <h5>王国权</h5>
                </div>
            </a>
            <a href="#" class="section_content">
                <div class="section_img">
                    <img class="img_responsive" src="images/part2.jpg" alt=""/>
                    <div class="section_img_play">
                        <span></span>
                    </div>
                </div>
                <div class="seciton_text flex_row flex_space_between">
                    <h4>感恩励志演讲你的时间</h4>
                    <h5>王国权</h5>
                </div>
            </a>
            <a href="#" class="section_content">
                <div class="section_img">
                    <img class="img_responsive" src="images/part2.jpg" alt=""/>
                    <div class="section_img_play">
                        <span></span>
                    </div>
                </div>
                <div class="seciton_text flex_row flex_space_between">
                    <h4>感恩励志演讲你的时间</h4>
                    <h5>王国权</h5>
                </div>
            </a>
            <a href="#" class="section_content">
                <div class="section_img">
                    <img class="img_responsive" src="images/part2.jpg" alt=""/>
                    <div class="section_img_play">
                        <span></span>
                    </div>
                </div>
                <div class="seciton_text flex_row flex_space_between">
                    <h4>感恩励志演讲你的时间</h4>
                    <h5>王国权</h5>
                </div>
            </a>
            <a href="#" class="section_content">
                <div class="section_img">
                    <img class="img_responsive" src="images/part2.jpg" alt=""/>
                    <div class="section_img_play">
                        <span></span>
                    </div>
                </div>
                <div class="seciton_text flex_row flex_space_between">
                    <h4>感恩励志演讲你的时间</h4>
                    <h5>王国权</h5>
                </div>
            </a>
            <a href="#" class="section_content">
                <div class="section_img">
                    <img class="img_responsive" src="images/part2.jpg" alt=""/>
                    <div class="section_img_play">
                        <span></span>
                    </div>
                </div>
                <div class="seciton_text flex_row flex_space_between">
                    <h4>感恩励志演讲你的时间</h4>
                    <h5>王国权</h5>
                </div>
            </a>
        </div>
    </div>
    <div class="pagination flex_row flex_space_end">
        <ul class="flex_row flex_space_start">
            <li class="disabled"><a href="#">&laquo;</a></li>
            <li><a class="on" href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li><a href="#">6</a></li>
            <li><a href="#">&raquo;</a></li>
        </ul>
    </div>

</section>


<div id="footer"></div>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/index.js"></script>
</body>
</html>